<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>el和data的两种写法</title>
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        <!-- vm身上的所有属性，及Vue原型上所有的属性，在Vue模板中都可以直接使用 -->
        <!-- 准备好一个容器，名字是root -->
        <div id="root">
            <h1>你好，{{name}}</h1>
            <!-- $options是vue实例中的属性，这里可以直接获取 -->
            <h1>测试获取1：{{$options}}</h1>
            <h1>测试获取2：{{_c}}</h1>
        </div>

        <script type="text/javascript">
            Vue.config.productionTip = false  // 阻止Vue在启动时生成生产提示，不起作用，直接改了vue.js中的值
            const vm = new Vue({
                el:'#root',
                data:{
                    name:'张三'
                }
            })
            console.log(vm)
        </script>

        
    </body>
</html>